<!doctype html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<title>天气</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		<div class="box">
			<div class="input"><input type="text" id="ipt" placeholder="请输入要查询的城市" /></div>

			<div class="main">
				<div class="last">
					<h4>近7天预报</h4>
					<ul class="ul">
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
						<li>
							<h1></h1>
							<span class="city"></span>
							<span class="tet"></span>
							<p>
								<span class="aqi"></span>/<span class="aqi"></span>
							</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="day">
				<h4>分时段预报</h4>
				<ul class="days">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<ul class="days_1">
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
					<li><span></span><span></span><span></span></li>
				</ul>
				
			</div>
			<div class="hot">
				<h4>生活指数</h4>
				<ul class="lin">
					<li class="li1">
						<i></i>
						<span class=""></span>
						<em></em>
						<p></p>
					</li>
					<li class="li2">
						<i></i>
						<span>
							<em class="str"></em>
							<em class="str"></em>
							<em class="str"></em>
							<em class="str"></em>
							<em class="str"></em>
						</span>
						<em></em>
						<p></p>
					</li>
					<li class="li1">
						<i></i>
						<span></span>
						<em></em>
						<p></p>
					</li>
					<li class="li1">
						<i></i>
						<span></span>
						<em></em>
						<p></p>
					</li>
					<li class="li1">
						<i></i>
						<span></span>
						<em></em>
						<p></p>
					</li>
					<li class="li1">
						<i></i>
						<span></span>
						<em></em>
						<p>。</p>
					</li>
				</ul>
			</div>
		</div>

		<script src="js/script.js"></script>
	</body>

</html>